
<link rel="stylesheet" type="text/css" href={{ asset('assets/handsontable/jquery.handsontable.full.css') }} />
<link rel="stylesheet" type="text/css" href={{ asset('assets/bootstrap/bootstrap.min.css') }} />


<div id="grid" style="width: 100%; height: 400px;"></div>
<br>
<button class="w2ui-btn" onclick="showChanged()">Get Changed</button>

<br>
<br>

<div class="handsontable" id="example"></div>

<script src="{{ asset('assets/jquery/jquery-1.10.2.min.js') }}"></script>
<script src="{{ asset('assets/handsontable/jquery.handsontable.full.js') }}"></script>




<script type="text/javascript">


$(document).ready(function () {

var books = {{ json_encode($book)}};
  
  var ht = $('#example').handsontable({
    data: [],
      dataSchema: {id: null, col1:null , name: null, amount:null, tax:null, code:null , name: null, amount:null, tax:null},
      colHeaders: ['ID', 'Code', 'Last Name', 'Address',"Nobel"],
    minSpareRows: 1,
    colHeaders: true,
    contextMenu: true
  });

});

</script>
